<template>
<div style="background-color: #e9e9e9">
    <el-row>
      <el-col :span="8" offset="8" >
        <div class="titleBox"><p class="title" style="font-size: 45px">惠州市高级人才津贴申请页面</p></div>
      </el-col>

    </el-row>
        <el-row>
          <el-col :span="8" offset="8">
            <div class="innerbox">
              <el-button class="btn"  @click="toPage" type="warning" plain>
                高级人才津贴申领表填写
              </el-button >


              <el-button class="btn"  @click="toPrintPage" type="info" plain>
                高级人才津贴申领表打印
              </el-button>


              <el-button class="btn"  @click="toTotal" type="primary" plain>
                申报博士津贴汇总表展示
              </el-button>

              <el-button class="btn"  @click="toRollBack" type="primary" plain>
                申报博士津贴审批
              </el-button>


            </div>
          </el-col>
        </el-row>
  </div>
</template>

<script>
export default {
  name: "guidePage",
  methods: {
    toPage() {
      let vue = this ;
      vue.$router.push({ path: "/page"});
    },
    toPrintPage() {
      let vue = this ;
      vue.$router.push({ path: "/staticPage"});
    },
    toTotal() {
      let vue = this ;
      vue.$router.push({ path: "/personalTable"});
    },
    toRollBack(){
      let vue = this ;
      vue.$router.push({path:"/modifyTable"}) ;
    }
  }
}
</script>

<style scoped>
.titleBox{
  min-width: 510px;
}
.innerbox{
  margin-top: 15%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 720px;
  width: 90%;
  min-width: 500px;
  background-color: #fff;
  padding: 30px 30px 35px 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5),
  0px 0px 4px 4px rgba(0, 0, 0, 0.2);

}
.btn{
  margin-top: 20%;
  font-size: 33px;
}
</style>
